<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../vue.js"></script>
</head>

<body>
    <div id="app">
        <h1>姓名是{{name}}</h1>
        <h1>年龄是{{age}}</h1>
        <h1>住址是{{addr}}</h1>

        <!-- 插值语法 -->
        <h1>{{1+1}}</h1>
        <h1>{{6&&0}}</h1>
        <h1>{{isReal?"是真的":"不是真的"}}</h1>
        <h1>{{skill[1]}}</h1>
        <h1>{{msg}}</h1>
        <h1>arr--{{skill}}</h1>
        <h1>null--{{null}}</h1>
        <h1>undefined--{{undefined}}</h1>
        <h1>bigInt--{{1n}}</h1>
    </div>
</body>

</html>
<script>
    const vm = new Vue({
        el: "#app",
        data() {
            return {
                name: "张三",
                age: 24,
                addr: "湖北",
                isReal:true,
                skill:["飞","跳","跑"],
                msg:{
                    price:2000,
                    page:66
                }
            }
        }
    })
    console.log(vm);
</script>